<script lang="coffee">
import '~/styl/init.styl'
import logo from ':/svg/logo.svg'
import Counter from './lib/Counter.svelte'

x = 4

:$ y = x + z

:$
  z = x - 2

:out
  for i from [1,2,3]
    for j from [4,5,6]
      console.log i,j
      if i>1
        break out

click = =>
  ++x
  return
</script>

<template lang="pug">
main
  img(src="{logo}" alt="logo")
  button(on:click="{click}")
    +if('x%2') if x%2
      +else() else
  h2 x {x} y {y} z {z}
  Counter
</template>

<style lang="stylus">
button
  width 8rem
  font-size 32px

main
  justify-content center
  align-items center
  flex-direction column
  display flex

img
  height 16rem
  width 16rem
</style>
